<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <meta name="description" content="" />
  <meta name="author" content="" />
  <link rel="icon" href="./img/asset-favicon.ico" />
  <title>社交-招聘</title>
  <!-- 页面 css js -->
  <link rel="stylesheet" type="text/css" href="./plugins/normalize-css/normalize.css" />
  <link rel="stylesheet" type="text/css" href="./plugins/yui/cssgrids-min.css" />
  <link rel="stylesheet" type="text/css" href="./plugins/sui/sui.min.css" />
  <link rel="stylesheet" type="text/css" href="./plugins/sui/sui-append.min.css" />
  <link rel="stylesheet" type="text/css" href="./plugins/font-awesome/css/font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="./css/widget-base.css" />
  <link rel="stylesheet" type="text/css" href="./css/widget-head-foot.css" />
  <link rel="stylesheet" type="text/css" href="./css/page-sj-recruit-index.css" />
  <link rel="stylesheet" type="text/css" href="./css/page-sj-recruit-area.css" />
</head>

<body>
  <!--头部导航-->
  <div class="wrapper">
    <header>
    </header>
  </div>
  <!--两列布局-->
  <div class="wrapper tag-item" id='app'>
    <div class="fl left-list">
      <div class="search-job">
        <div class="search">
          <form class="sui-form">
            <input type="text" placeholder="找工作" class="input-job" v-model='keyword'>
          </form>
          <div class="input-area">
            <div class="city" data-toggle="modal" data-target="#myModal" data-keyboard="false">{{searchCity}}</div>
          </div>
          <div class="btn" @click='searchJob'>
            <span class="sui-btn btn-search">
              <i class=" fa fa-search"></i> 搜索</span>
          </div>
        </div>
        <div class="hot">
          <dl>
            <dt>热门城市：</dt>
            <dd v-for='item in cityList'>
              <a :href="'recruit-more.html?name='+item.name">{{item.name}}</a>
            </dd>
          </dl>
        </div>
      </div>
      <div class="job-position">

        <div class="job-type latest-job">
          <div class="head">
            <h4 class="title pull-left">最新{{searchCity}}的职位</h4>
            <div class="clearfix"></div>
          </div>
          <div class="jobs">
            <div class="job-item" v-for="(item, index) in latestJobList" :key="index">
              <div class="sui-row">
                <div class="span3 detail">
                  <p>
                    <span class="name">
                      <a :href="'recruit-detail.html?id=' + item.id" target="_blank"> {{item.jobname}}</a>
                    </span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> {{item.city}}</span>
                  </p>
                  <p class="need">
                    <span class="money">{{item.salary}}</span>/{{item.condition}}/{{item.education}}/{{item.type}}
                  </p>
                  <div class="tag">
                    <li style="margin-top:5px" v-for="temp in item.labels.split(' ')">{{temp}}</li>
                  </div>
                </div>
                <div class="span2 type">
                  <p class="company">{{item.enterprise.name}}</p>
                  <p>{{item.enterprise.labels.split(" ").join(" · ")}}</p>
                </div>
                <div class="span2 time">{{calculatDurationDisplay(item.createtime)}}前</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="fl right-tag">
      <div class="hot-company">
        <p class="mail">提交收录请发邮件至ccccccc@qq.com</p>
        <div class="company">
          <div class="head">
            <h4>热门企业</h4>
          </div>
          <ul class="yui3-g company" style="display:block;">
            <li v-for="(item, index) in hotEnterpriseList" :key="index" class="yui3-u-1-3 company-item">
              <p>
                <img :src="item.logo" alt="" />
              </p>
              <p class="title">{{item.name}}</p>
              <p class="position">
                <a :href="'recruit-job.html?id=' + item.id" target="_blank">
                  {{item.recruits.length}}个职位</a>
              </p>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
  <div class="footer">
    <div class="wrapper">
      <div class="footer-bottom">
        <div class="link">
          <dl>
            <dt>
              网站相关
            </dt>
            <dd>
              关于我们
            </dd>
            <dd>
              服务条款
            </dd>
            <dd>
              帮助中心
            </dd>
            <dd>
              编辑器语法
            </dd>
          </dl>
          <dl>
            <dt>
              常用链接
            </dt>
            <dd>
              传智播客
            </dd>
            <dd>
              传智论坛
            </dd>
          </dl>
          <dl>
            <dt>
              联系我们
            </dt>
            <dd>
              联系我们
            </dd>
            <dd>
              加入我们
            </dd>
            <dd>
              建议反馈
            </dd>
          </dl>
          <dl>
            <dt>
              关注我们
            </dt>
            <dd>
              微博
            </dd>
            <dd>
              twitter
            </dd>
          </dl>
          <div class="xuke">
            <h3>内容许可</h3>
            <p>除特别说明外，用户内容均采用知识共享署名-非商业性使用-禁止演绎4.0 国际许可协议 (CC BY-NC-ND 4.0) 进行许可</p>
            <p>本站由 传智研究院 提供更新服务</p>
          </div>
        </div>
        <p class="Copyright">Copyright &copy; 2017 传智问答社区 当前版本 0.0.1</p>
      </div>
    </div>
  </div>
</body>

</html>
<script src="js/host.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/recruit_more.js"></script>
